<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>签到强行frame</title>
		<link rel="stylesheet" type="text/css" href="../../css/base.css">
		<link href="../../css/mui.min.css" rel="stylesheet"/>
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<link rel="stylesheet" href="../../css/api.css">
		<link rel="stylesheet" href="../../css/CFNetPP_Base.css">
		<link rel="stylesheet" type="text/css" href="../../css/aui.css">
		<style>
			body {
				background-color: #f3f5f7;
			}
			.padding-top4 {
				padding-top: 4px;
			}
			.padding-left33 {
				padding-left: 33px
			}
			.user_pic {
				width: 40px;
				height: 40px;
				border-radius: 4em;
				border: 2px solid #fff;
			}
			/* .section{
				width: 50%;
				height: 40px;
				line-height: 40px;
				vertical-align: middle;
				float: left;
				text-align: center;
				color: black;

			} */
			.aui-tab-item{
				height: 40px;
				line-height: 40px;
				font-size: 16px;
			}
			.info{
				clear: left;
				width: 100%;
				height: 30px;
				line-height: 30px;
				vertical-align: middle;
				text-align: center;
				font-size: 12px;
				background-color: white;
			}
			.redcolor{
				color: red;
			}

		</style>
	</head>
	<body>

		<div class="aui-tab" id="tab">
		    <div id="unSign" class="aui-tab-item aui-active" onclick="unSign()">未签到</div>
		    <div id="yiSign" class="aui-tab-item" onclick="yiSign()">已签到</div>
		</div>
		<!-- <div class="section">
			未签到
		</div>
		<div class="section">
			已签到
		</div> -->
		<div class="mui-table-view info base_grey">
			共3人未签到
		</div>
		<ul class="mui-table-view">
		    <li class="mui-table-view-cell">
					<div class="clearfix" style="line-height: 40px;">
						<img class="user_pic left" src="../../image/default_user_icon.png" >
						<span class="base_dark_grey base_content_font left_10 left"> 张三 </span>
						<span class="redcolor base_content_font right"> 缺勤 </span>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="clearfix" style="line-height: 40px;">
						<img class="user_pic left" src="../../image/default_user_icon.png" >
						<span class="base_dark_grey base_content_font left_10 left"> 李四 </span>
						<span class="redcolor base_content_font right"> 缺勤 </span>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="clearfix" style="line-height: 40px;">
						<img class="user_pic left" src="../../image/default_user_icon.png" >
						<span class="base_dark_grey base_content_font left_10 left"> 王五 </span>
						<span class="redcolor base_content_font right"> 缺勤 </span>
					</div>
				</li>
		</ul>

	</body>
	<script src="../../script/mui.min.js"></script>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/MD5.js"></script>
	<script src="../../script/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="../../script/requestTool.js"></script>
	<script src="../../script/common.js"></script>
	<script type="text/javascript">
		apiready = function() {
			
		};
		function unSign () {
			$('#unSign').addClass("aui-active");
			$('#yiSign').removeClass("aui-active");
		}
		function yiSign () {
			$('#unSign').removeClass('aui-active');
			$('#yiSign').addClass('aui-active');
		}
	</script>
</html>